<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 
    1 路由组件
      实际上还是组件配置对象，不需要注册，只需要在路由配置中设置给component即可

    2 路由配置
      const routes = [
        // 这里的每一个对象都是一个路由配置
        { 
          path: '/自定义路径',
          component: 路由组件
        }
      ]
    
    3 动态路由
      const routes = [
        {
          path: '/自定义路径/:属性名'
        }
      ]

      这种路由可以配置n多个路由地址
      /自定义路由/:属性名?  比不写问号多匹配一个路由  /自定义路由

      /自定义路由/:属性名(\\d+)  只匹配数字

    4 url查询参数
      url?a=1

    5 获取数据
      $route.params.属性名
      $route.query.属性名
    
    6 组件created问题
      组件created只会出现一次，如果多个路由使用的是同一个组件，那么我们需要在watch去监听$route的改变，然后请求数据

      如果有些组件不需要请求数据，那么就没有必要监听

    7 router-link 声明式导航
      to=""  跳转地址 
      tag  渲染后的标签
      
   --> 
</body>
</html>